<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>开通商户</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/commontCust.css" />
		<link rel="stylesheet" type="text/css" href="../../css/style.css" />
		<link rel="stylesheet" type="text/css" href="../../css/title.css" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.picker.css" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.poppicker.css" />
		<style>
			.itemDiv {
				width: 100%;
				height: 46px;
				background: white;
				padding: 0px 10px;
				margin-top: 6px;
			}
			
			input {}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav home_top">
			<h1 class="mui-title"><span lang id='title'>开通商户</span></h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<a class="title_right" id="transfer_out_record" lang></a>
		</header>
		<div style="width: 100%; height: 100%;margin-top: 58px;" class="divCenter" id="content" v-cloak>

			<div style="width: 96%;height: 100%;" class="divColumn divCenter">
				<div class="divRow divColumnCenter itemDiv">
					<span style="font-size: 14px;color: black;width: 30%;">商户姓名：</span>
					<input type="text" placeholder="请填写商户姓名" style="color:#999999;margin: 0px;padding: 0px;border-width: 0px;font-size: 14px;" />
				</div>
				<div class="divRow divColumnCenter itemDiv">
					<span style="font-size: 14px;color: black;width: 30%;">主营业务：</span>
					<input type="text" placeholder="请填写主营业务" style="color:#999999;margin: 0px;padding: 0px;border-width: 0px;font-size: 14px;" />
				</div>
				<div class="divRow divColumnCenter itemDiv">
					<span style="font-size: 14px;color: black;width: 30%;">联系姓名：</span>
					<input type="text" placeholder="请填写联系姓名" style="color:#999999;margin: 0px;padding: 0px;border-width: 0px;font-size: 14px;" />
				</div>
				<div class="divRow divColumnCenter itemDiv">
					<span style="font-size: 14px;color: black;width: 30%;">联系电话：</span>
					<input type="text" placeholder="请填写联系电话" style="color:#999999;margin: 0px;padding: 0px;border-width: 0px;font-size: 14px;" />
				</div>
				<div class="divRow divColumnCenter itemDiv" id="showCityPicker3">
					<span style="font-size: 14px;color: black;width: 24%;">商户区域：</span>
					<div style="color:#999999;font-size: 14px;" id="cityName">湖南省长沙市</div>
				</div>
				<div class="divRow divColumnCenter itemDiv">
					<span style="font-size: 14px;color: black;width: 30%;">商户地址：</span>
					<input type="text" placeholder="请填写商户地址" style="color:#999999;margin: 0px;padding: 0px;border-width: 0px;font-size: 14px;" />
				</div>

				<div style="width: 100%;height:auto;padding: 10px;background: white;margin-top: 20px;" class="divColumn">
					<span style="color: black;font-size: 14px;">商户照片</span>
					<div style="width: 100%;float: left;">
						<img :src="item" style="margin-right: 10px;width: 70px;height: 70px;object-fit: cover;" v-for="(item,index) in imgLoc" :key='index' />

						<a href="#picture"><img src="../../img/caram_img.png" style="margin-right: 10px;" /></a>

					</div>

				</div>
				<!--商户描述-->
				<div style="width: 100%;height:auto;padding: 10px;background: white;margin-top: 20px;" class="divColumn">
					<span style="color: black;font-size: 14px;">商户描述：</span>
					<textarea style="margin: 0px;padding: 0px;border-width: 0px;font-size: 12px;min-height: 120px;color: #999999;" placeholder="请输入商户描述"></textarea>
				</div>

				<span style="width: 96%;height: 48px;line-height: 48px;background: #006699;border-radius: 5px;text-align: center;color: white;margin-top: 40px;margin-bottom: 40px;" @tap='sure()' v-html="sureText">
				 
				</span>

			</div>
		</div>

		<div id="picture" class="mui-popover mui-popover-action mui-popover-bottom">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#" id="xiangce" lang>相册</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="#" id="paizao" lang>拍照</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#picture" lang><b>取消</b></a>
				</li>
			</ul>
		</div>

		<script src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../mall/vue/vue.min.js"></script>
		<script src="../../mall/vue/swiper/swiper.min.js"></script>
		<script src="../../mall/vue/vue-scroller.min.js"></script>
		<script src="../../js/jquery-2.1.4.js"></script>
		<script src="../../js/mui.picker.js"></script>
		<script src="../../js/mui.poppicker.js"></script>
		<script src="../../js/city.data.js"></script>
		<script src="../../js/city.data-3.js"></script>
		<script>
			mui.init();
			mui.back();
			var content = new Vue({
				el: '#content',
				data: {
					sureText: '确认开通',
					imgLoc: []

				},

				created: function() {
					mui.plusReady(function() {
						var view = plus.webview.currentWebview();
						var fromType = view.type;
						if(fromType == 1) { //修改
							$('#title').text('修改商户')
							content.sureText = '确认修改'
						} else { //添加
							$('#title').text('开通商户')
							content.sureText = '确认开通'

						}

					})

				},
				beforeMount: function() {

				},
				mounted: function() {

				},
				methods: {
					sure: function() {

					}

				}

			});
		</script>
		<script src="js/openMer.js"></script>

		<script>
			(function($, doc) {
				$.init();
				$.ready(function() {
					var _getParam = function(obj, param) {
						return obj[param] || '';
					};
					var cityPicker3 = new $.PopPicker({
						layer: 3
					});

					cityPicker3.setData(cityData3);

					var showCityPickerButton = doc.getElementById('showCityPicker3');
					var cityResult3 = doc.getElementById('cityName');
					showCityPickerButton.addEventListener('tap', function(event) {
						cityPicker3.show(function(items) {

							cityResult3.innerText = _getParam(items[0], 'text') + " " + _getParam(items[1], 'text') + " " + _getParam(items[2], 'text');

							//					$('#cityName').innerHTML=_getParam(items[0], 'text') + " " + _getParam(items[1], 'text') + " " + _getParam(items[2], 'text');	

							//返回 false 可以阻止选择框的关闭
							//return false;
						});
					}, false);
				});
			})(mui, document);
		</script>
	</body>

</html>